<!DOCTYPE html>
<html lang="en">

<head>
  <meta charset="UTF-8">
  <meta name="viewport" content="width=device-width, initial-scale=1.0">
  <meta http-equiv="X-UA-Compatible" content="ie=edge">
  <title>题库专家</title>
  <link rel="stylesheet" href="../assect/css/util.css">

  <link rel="stylesheet" href="http://code.jquery.com/mobile/1.3.2/jquery.mobile-1.3.2.min.css">
  <!-- <script src="http://code.jquery.com/jquery-1.8.3.min.js"></script> -->
  <script src="https://code.jquery.com/jquery-3.1.1.min.js"></script>
  <script src="../assect/js/pagination.js"></script>
  <!-- <script src="http://code.jquery.com/mobile/1.3.2/jquery.mobile-1.3.2.min.js"></script> -->
</head>

<body>
  <!-- 头部 -->
  <div class="header">
    <span>
      <div class="menu-icon"></div>
    </span>
    <p class="outLogin">退出登陆</p>
  </div>
  <!-- 侧边导航 -->
  <div id="canvas-warp">
    <div class="nav">
      <ul class="nav-ul">
        <li class="nav-font">
          <p>激活码管理</p>
          <ul class="son-nav">
            <a href="../index.html">
              <li>激活码列表</li>
            </a>
            <a href="./activeRecord.html">
              <li>激活记录</li>
            </a>
          </ul>
        </li>
        <li class="nav-font">
          <p>用户管理</p>
          <ul class="son-nav">
            <a href="./userList.html">
              <li>用户列表</li>
            </a>
            <a href="./feedback.html">
              <li>用户反馈</li>
            </a>
            <a href="./loginJournal.html">
              <li>登陆日志</li>
            </a>
            <a href="./commentList.html">
              <li>评论列表</li>
            </a>
          </ul>
        </li>
        <li class="nav-font">
          <p>订单管理</p>
          <ul class="son-nav">
            <a href="./userOrder.html">
              <li>用户订单</li>
            </a>
            <a href="./agentOrder.html">
              <li>代理订单</li>
            </a>
          </ul>
        </li>
      </ul>
    </div>
    <div class="mask"></div>
  </div>
  <!-- 内容区域 -->
  <div class="content">
    <div class="content-box">
      <div class="title">
        <p>用户反馈</p>
        <p class="jump-bank" onclick="javascript:history.back(-1);">返回</p>
      </div>
      <div class="content-box-con">
        <!-- 用户昵称 -->
        <div>
          <span>用户昵称</span>
          <p>tiku_14589d263d</p>
          <!-- <select>
            <option value="">工程类考试</option>
            <option value="">财务会计</option>
            <option value="">医药卫生</option>
            <option value="">从业资格</option>
            <option value="">公务员</option>
            <option value="">学历类</option>
            <option value="">其他考试</option>
          </select> -->
        </div>
        <!-- 联系电话 -->
        <div>
          <span>联系电话</span>
          <p>15371214589</p>
          <!-- <select>
            <option value="">一级建造师</option>
            <option value="">二级建造师</option>
            <option value="">一级造价工程师</option>
            <option value="">注册咨询工程师</option>
            <option value="">注册安全工程师</option>
            <option value="">监理工程师</option>
            <option value="">注册消防工程师</option>
          </select> -->
        </div>
        <!-- 报错类型 -->
        <div>
          <span>报错类型</span>
          <p>答案有误</p>
          <!-- <select>
            <option value="">一建建设工程法规</option>
            <option value="">一建建设工程项目管理</option>
            <option value="">一建建设工程经济</option>
            <option value="">一建建筑工程管理与实务</option>
            <option value="">一建市政公用工程管理与实务</option>
            <option value="">一建公路工程管理与实务</option>
            <option value="">一建水利工程管理与实务</option>
          </select> -->
        </div>
        <!-- 题型 -->
        <div>
          <span>题型</span>
          <p>单选题</p>
          <!-- <select>
            <option value="">永久</option>
            <option value="">1年</option>
          </select> -->
        </div>
        <!-- 分类 -->
        <div>
          <span>分类</span>
          <p>从业资格>社会工作者（初级）>初级社会工作实务>章节练习题>第12章 社区社会工作</p>
          <!-- <input type="text" placeholder="评论内容"> -->
        </div>
        <div>
          <span>题目标题</span>
          <p>某社区在改造过程中，社会工作者促成当地政府与受此影响的居民一起商讨改造计划。居民的这种社区参与形式是()。</p>
          <!-- <input type="text" placeholder="评论内容"> -->
        </div>
        <div>
          <span>内容</span>
          <p>选协商</p>
          <!-- <input type="text" placeholder="评论内容"> -->
        </div>
      </div>
      <div class="content-box-btn btn-new">
        <button>确认处理</button>
      </div>
    </div>
  </div>
  <script>
    $(function () {
      $('#canvas-warp').hide();
      $('.son-nav').hide();
      // 点击图标，显示导航
      $('.menu-icon').click(function () {
        $('#canvas-warp').toggle(300);
      })
      // 点击遮罩，隐藏导航
      $('.mask').click(function () {
        $('#canvas-warp').toggle(300);
      })
      $('.nav-font').click(function (event) {
        $(this).children('.son-nav').toggle(300);
        $(this).siblings().children('.son-nav').hide(300);
      });
      // 退出登录
      $('.outLogin').click(function () {
        $(location).attr('href', '../login.html');
      })
    })
  </script>
</body>

</html>